import Vue from 'vue/dist/vue.esm.browser'



window.vm = new Vue({
  data: {
    num1: 2,
    num2: 3
  },
  methods: {
    product() {
      console.log('函数执行了！！！');
      return this.num1 * this.num2
    }
  },
  // 计算属性
  // 1.定义上特别像函数 （其实这是一种简写）  使用上像是属性
  // 2.计算属性可以缓存上一次运算的结果, 后续再次使用只要依赖的值没有发生改变，直接从缓存中取出来上一次的结果

  computed: {
    // comProduct() {
    //   console.log('计算属性执行了！！！');
    //   return this.num1 * this.num2
    // }
    comProduct: {
      get() {
        console.log('计算属性执行了！！！');
        return this.num1 * this.num2
      },
      set(value) {
        console.log(value);
      }
    }
  }
})

// 挂载节点
window.vm.$mount('#app')